/*加载动效   topshow（从上往下）fa_LeftShow （从左往右）  */
.delighter{
    overflow:hidden;
    position:relative;
  }
  .fa_TopShow.delighter:before{
    width:100%;
    position:absolute;
    height:100%;
    top:0;
    left:0;
    transform: translateY(0%);
    display:block;
    background:#f5f2ed;
    z-index:10;
    content:"";
    transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
  }
  .fa_TopShow.started.delighter:before{
    transform: translateY(100%);
  }
  .fa_LeftShow.delighter:before{
    width:100%;
    position:absolute;
    height:100%;
    top:0;
    left:0;
    transform: translateX(0%);
    display:block;
    background:#fff;
    z-index:10;
    content:"";
    transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
  }
  .fa_LeftShow.started.delighter:before{
    transform: translateX(100%);
  }
  .fa_RightShow.delighter:before{
    width:100%;
    position:absolute;
    height:100%;
    top:0;
    left:0;
    transform: translateX(0%);
    display:block;
    background:#fff;
    z-index:10;
    content:"";
    transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
  }
  .fa_RightShow.started.delighter:before{
    transform: translateX(-100%);
  }
  .fa_BottomShow.delighter:before{
    width:100%;
    position:absolute;
    height:100%;
    top:0;
    left:0;
    transform: translateX(0%);
    display:block;
    background:#fff;
    z-index:10;
    content:"";
    transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
  }
  .fa_BottomShow.started.delighter:before{
    transform: translateY(-100%);
  }